<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <title>车品商城</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/weui.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/jquery-weui.css">


    <link rel="stylesheet" href="css/docs-demos.css">
</head>

    <body ontouchstart>
        <div class="weui_tab">

            <div class="weui_tab_bd">
                <!--tab1-->
                <div id="tab1" class="weui_tab_bd_item weui_tab_bd_item_active">
                    <div class="con">
                        <div id="focus" class="focus">
                            <div class="hd">
                                <ul>
                                </ul>
                            </div>
                            <div class="bd">
                                <ul>
                                    <li><a href="#"><img src="upload/image/2015/12/30/1451467353127157.jpg" width='360px' height='168px' border='0'></a></li>
                                    <li><a href="#"><img src="upload/image/2015/12/30/1451467370492201.jpg" width='360px' height='168px' border='0'></a></li>
                                </ul>
                            </div>
                        </div>

                        <nav class="container-fluid" style="margin-top: 0px;">
                            <ul class="row YP-row-nav text-center">
                                <a href="#"><li class="col-sm-3 col-xs-3"><img src="upload/image/2016/02/04/1454578511591766.png"><p class="text-center">全部分类</p></li></a>
                                <a href="#"><li class="col-sm-3 col-xs-3"><img src="upload/image/2016/02/04/1454578667564056.png"><p class="text-center">热门服务</p></li></a>
                                <a href="#"><li class="col-sm-3 col-xs-3"><img src="upload/image/2016/02/04/1454578697423291.png"><p class="text-center">新增服务</p></li></a>
                                <a href="#"><li class="col-sm-3 col-xs-3"><img src="upload/image/2016/02/04/1454578775571858.png"><p class="text-center">系统公告</p></li></a>
                                <a href="javascript:showActionSheet('m_action_sheet');"><li class="col-sm-3 col-xs-3"><img src="upload/image/2016/02/04/1454578511591766.png"><p class="text-center">上拉菜单</p></li></a>
                            </ul>
                        </nav>

                        <section class="YPTab">
                            <ul class="nav nav-tabs text-center">
                                <li class="col-xs-6 active"><a href="#home_one" role="tab" data-toggle="tab">我的收藏</a></li>
                                <li class="col-xs-6"><a href="#home_two" role="tab" data-toggle="tab">我的评论</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="home_one">
                                    <p class="text-center">暂无数据－我的收藏</p>
                                </div>
                                <div class="tab-pane" id="home_two">
                                    <p class="text-center">暂无数据－我的评论</p>
                                </div>
                            </div>
                        </section>

                        <script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
                        <script type="text/javascript">
                            TouchSlide({
                                slideCell : "#focus",
                                titCell : ".hd ul",
                                mainCell : ".bd ul",
                                effect : "left",
                                autoPlay : true,
                                autoPage : true,
                                delayTime: 200,
                                interTime: 5000,
                                switchLoad : "_src"
                            });
                        </script>
                    </div>
                </div>

                <!--tab2-->
                <div id="tab2" class="weui_tab_bd_item">
                    <div class="con">
                        <div class="user-info">
                            <div class="user-img pull-left"><i class="glyphicon glyphicon-user"></i></div>
                            <dl class="pull-left">
                                <dt>
                                <h4>AZ188RFZI9285</h4>
                                </dt>
                                <dd>您的等级是 普通会员</dd>
                            </dl>
                        </div>
                        <section class="container-fluid user-nav">
                            <ul class="row YP-row-nav text-center">
                                <a href="order_list.html">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F9C73A" >
                                    <!--<i class="glyphicon glyphicon-gift"></i>-->
                                        <img src="images/icons/iconfont-dingdan.png"/>
                                    </span>
                                        <p class="text-center">订单管理</p>
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F26C5F" >
                                    <i class="glyphicon glyphicon-map-marker"></i>
                                    </span>
                                        <p class="text-center">地址管理</p>
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F00" >
                                    <i class="fa fa-money"></i>
                                    </span>
                                        <p class="text-center">我的钱包</p>
                                    </li>
                                </a>
                                <a href="javascript:logout('/mobile/login/logout');">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F00" >
                                    <i class="glyphicon glyphicon-off"></i>
                                    </span>
                                        <p class="text-center">退出系统</p>
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F26C5F" >
                                    <i class="fa fa-user"></i>
                                    </span>
                                        <p class="text-center">用户资料</p>
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F9C73A" >
                                    <i class="fa fa-shield"></i>
                                    </span>
                                        <p class="text-center">修改密码</p>
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #F00" >
                                    <i class="fa fa-heart"></i>
                                    </span>
                                        <p class="text-center">收藏关注</p>
                                    </li>
                                </a>
                                <a href="#">
                                    <li class="col-sm-3 col-xs-3">
                                    <span style="color: #898989" >
                                    <i class="fa fa-envelope"></i>
                                    </span>
                                        <p class="text-center">系统通知</p>
                                    </li>
                                </a>
                            </ul>
                        </section>
                        <section class="YPTab">
                            <ul class="nav nav-tabs text-center">
                                <li class="col-xs-4 active"><a href="#one" role="tab" data-toggle="tab">我的收藏</a></li>
                                <li class="col-xs-4"><a href="#two" role="tab" data-toggle="tab">我的评论</a></li>
                                <li class="col-xs-4"><a href="#three" role="tab" data-toggle="tab">浏览记录</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="one">
                                    <p class="text-center">暂无数据－我的收藏</p>
                                </div>
                                <div class="tab-pane" id="two">
                                    <p class="text-center">暂无数据－我的评论</p>
                                </div>
                                <div class="tab-pane" id="three">
                                    <p class="text-center">暂无数据－浏览记录</p>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>

            <div class="weui_tabbar">
                <!--tab1-->
                <a href="#tab1" class="weui_tabbar_item weui_bar_item_on">
                    <div class="weui_tabbar_icon">
                        <img src="images/icons/iconfont-shouye.png" alt="icon">
                    </div>
                    <p class="weui_tabbar_label">首页</p>
                </a>

                <!--tab2-->
                <a href="#tab2" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <img src="images/icons/iconfont-wode.png" alt="icon">
                    </div>
                    <p class="weui_tabbar_label">我的</p>
                </a>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="js/transport.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.json.js"></script>
    <script type="text/javascript" src="js/swipeSlide.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/jquery.yiiactiveform.js"></script>
    <script type="text/javascript" src="js/sweetalert.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script src="js/zepto.js"></script>
    <script src="js/jquery-weui.js"></script>
</html>
